<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd"
    >
<html lang="en">
<head>
    <title>Hello, World!</title>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
	<script src="j/jquery.cookie.js"></script>
	<script>
	$(function(){
		var t;
		if(location.search){
			if(t = location.search.match(/ref=(\d+)/)){
				$.cookie("refferer",t[1],{expires: 30});
			}
		}
	});
	function ask_captcha(obj){
		if(! obj.recaptcha_response_field.value){
			$("#recaptcha_local_message").html("введите слова");
			return false;
		}
		$("#recaptcha_local_message").html("выполняется запрос...");
		$.post(
			"/enter.pl",{
				challenge: obj.recaptcha_challenge_field.value,
				response: obj.recaptcha_response_field.value,
				cmd: "create"
			},function(data){
				if(data.error){
					$("#recaptcha_local_message").html(data.text);
					Recaptcha.reload();
				}else if(data.text){
					top.location = data.text;
				}else{
					$("#recaptcha_local_message").html("Внутреняя ошибка");
					Recaptcha.reload();
				}
			}
		);
		return false;
	}
	function ask_login(obj){
		if(! obj.login.value){
			$("#login_message").html("введите логин");
			return false;
		}
		if(! obj.pass.value){
			$("#login_message").html("введите пароль");
			return false;
		}
		$("#recaptcha_local_message").html("выполняется запрос...");
		$.post(
			"/enter.pl",{
				login: obj.login.value,
				pass: obj.pass.value,
				cmd: "enter"
			},function(data){
				if(data.error){
					$("#login_message").html(data.text);
				}else if(data.text){
					top.location = data.text;
				}else{
					$("#login_message").html("Внутреняя ошибка");
				}
			}
		);
		return false;
	}
	</script>
</head>
<body>
	<h1>Hello, World!</h1>
<fieldset>
	<legend>Анонимный чат</legend>
	<a href="ch.html">Чат - гостевой вход</a>
	<a href="c.html">Чат - обычный вход</a>
</fieldset>

<fieldset>
	<legend>Вход</legend>
	<form id="reg"  method="POST" action="/enter.pl?" onsubmit="return ask_login(this)">
		<label for="rl">Логин:</label>
		<input id=rl type=text name="login">
		
		<br><label for="rp">Пароль:</label>
		<input id=rp type=password name="pass">
		
		<div id="login_message"></div>
		<input type=submit value="Вход">
	</form>
</fieldset>

<script type="text/javascript">
var RecaptchaOptions = {
	theme: 'custom',
	custom_theme_widget: 'recaptcha_widget'
};
</script>

<fieldset>
<legend>Попробовать</legend>
<div id="recaptcha_widget" style="display:none">
	<div id="recaptcha_image" style="width:300px; height:57px; cursor:pointer;" onclick="Recaptcha.reload()"></div>
	<div id="recaptcha_local_message"></div>
	<form method="POST" action="/enter.pl?" onsubmit="return ask_captcha(this)">
		<input type="text" id="recaptcha_response_field" name="recaptcha_response_field">
		<input type="submit" value="Да, я человек.">
	</form>
	<script type="text/javascript" src="http://www.google.com/recaptcha/api/challenge?k=6LcmXsQSAAAAAFpYs8YvRUtMVx52aoHX_FkabEwy"></script>
</div>

</fieldset>


</body>
</html>
